<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <meta name="description" content="List of Instaright Categories and topics" />
                <meta name="keywords" content="Instaright categories, instaright topics, trending instaright categories, instaright cats" />
		<meta name="title" content="Instaright trending categories" />
                <link rel="stylesheet" type="text/css" href="../css/style.css" />
                <script src='../static/javascript/invite.js'></script>
                <script src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
                <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
                <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

		<!-- fancybox -->
		<script type="text/javascript" src="/static/javascript/jquery.fancybox-1.3.4.pack.js"></script>
		<link rel="stylesheet" href="/css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
                <title>Instaright Trending Categories</title>

                <!-- google analytics -->
                <script type="text/javascript">

                        var _gaq = _gaq || [];
                        _gaq.push(['_setAccount', 'UA-9005862-5']);
                        _gaq.push(['_trackPageview']);

                        (function() {
                         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                         })();
                 </script>
                 <!-- Google Website Optimizer Tracking Script -->
         </head>
         <body>
		<script type="text/javascript" charset="utf-8">
		$(document).ready(function(){
			$("#btn_login").fancybox({
				'scrolling'		: 'no',
				'titleShow'		: false,
				'onClosed'		: function(){
				}
			});
		});
		</script>
                <script type="text/javascript" charset="utf-8">
			$(document).ready(function(){
					$("#invite_jid").bind('keypress', function(e){
						if (e.keyCode == 13){
						check_and_send_jid();
						}
						});
					$("#invite_jid").focus(function(){
						$(this).val("");
						});
					$("#jid_result").hide();
					$("#invite_jid").focus();
					/*var i=1;
					$H({{ categories }}).each(function(pair){
						cat = pair.key;
						element = '<p class="text_bubble"><a href="/category/'+cat+'" title="Instaright popular category '+cat+'"><span>'+cat+'</span></a></p>';
                        			$("#category_list").append(element);
						if (i % 5 == 0) $("#category_list").append('<br><br>');
						i++;
					});*/

			});

			var feed;
			/*function noUpdates(){
                        	container = document.createElement('div');
                        	containerAvatar = document.createElement('div');


                        	titleElement = document.createElement('a');
                        	titleElement.innerHTML = 'Meh ... this category is kinda empty';

                        	domainElement = document.createElement('a');
                        	domainElement.innerHTML = 'Don\'t worry, there are lots of interesting categories one click away :)';
                        	domainElement.href = '/category';

                        	container.appendChild(titleElement);
                        	container.appendChild(document.createElement('br'));
                        	container.appendChild(document.createElement('br'));
                        	container.appendChild(domainElement);
                        	container.appendChild(document.createElement('br'));

                		div = document.getElementById('category_list');
                        	div.insertBefore(container, div.firstChild);


			}*/

</script>


<div class="wrapper"> 
	<div id="nav" >
		<div class="center clearfix">
			<h5><a href="/">Instaright - Perfect information for you in realtime.</a></h5>
                <ul class="menu borderless clearfix"> 
			<li><a href="/category" title="Instaright most popular category list"><span>Categories</span></a></li>
			<li><a href="/tools" title="Instaright tools"><span>Tools</span></a></li>
                        {% if user %}
			<li><a href="/user/dashboard"><span>{{ user }}</span></a></li>
			<li><a href="/user/dashboard"><img src="{{ avatar }}" width="20" height="20" /></a></li>
			<li><a href="{{ logout_url }}"><span>Logout</span></a></li>
                        {% else %}
			<li><a id="btn_login" href="/account" title="Login to Instaright"><span>Login</span></a></li>
                        {% endif %}
                        <li>
                        </li>

                </ul>
		</div>
	</div>
        <div id="content" class="container_24"> 
                <div id="left_col" class="grid_18"> 
                        <div class="left_box_top"> 
                                <h2 class="round_title"> 
					<span>Instaright Stream - Most Popular Categories</span> 
                                </h2> 
                        </div> 
                        <div class="left_box_mid">
				<div id="category_list">{{ categories }}</div>
                        </div>
			<div class="left_bot_mid">
				<div class="left_bot_left"></div>
				<div class="left_bot_center"></div>
			</div>
                </div>
                <div id="right_col" class="grid_6">
                        <div id="right_box_top">
			</div>
                        <div id="right_box_mid">
				{% include 'right_mid.html' %}
                        </div>
                        <div id="right_box_bot">
                        </div>
                </div>
        <div class="clear"></div> 
        <div class="push"></div> 
</div>
<div class="clearfix"></div> 
</div>

<div class="clearfix"></div> 
{% include 'footer.html' %}

<!-- GETSATISFACTION -->
<script type="text/javascript" charset="utf-8">
        var is_ssl = ("https:" == document.location.protocol);
        var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
        document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
        </script>

        <script type="text/javascript" charset="utf-8">
                var feedback_widget_options = {};

feedback_widget_options.display = "overlay";  
feedback_widget_options.company = "instaright";
feedback_widget_options.placement = "left";
feedback_widget_options.color = "#222";
feedback_widget_options.style = "idea";
var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
</script>
<!-- End GETSATISFACTION -->
<!-- Google Website Optimizer Tracking Script -->
<script type="text/javascript">
        if(typeof(_gat)!='object')document.write('<sc'+'ript src="http'+
                        (document.location.protocol=='https:'?'s://ssl':'://www')+
                        '.google-analytics.com/ga.js"></sc'+'ript>')</script>
                <script type="text/javascript">
                        try {
                                var gwoTracker=_gat._getTracker("UA-9005862-6");
                                gwoTracker._trackPageview("/2188815013/test");
                                }catch(err){}
                </script>
<!-- End of Google Website Optimizer Tracking Script -->
<!-- apture bar -->
<script id="aptureScript">
(function (){var a=document.createElement("script");a.defer="true";a.src="http://www.apture.com/js/apture.js?siteToken=7TzNhnW";document.getElementsByTagName("head")[0].appendChild(a);})();
</script>

<!-- end apture bar -->

        </body>
</html>
